<template>
  <div id="header-root">
    <header class="login-header">
      <img :src="loginLogo" alt=""/>
      <h3>Vue3后台管理系统</h3>
    </header>
  </div>
</template>

<script lang="ts" setup>
import loginLogo from '@/assets/images/loginLogo.png'

</script>

<style lang="less" scoped>
#header-root {
  position: relative;
  z-index: 9;
  .login-header {
    height: 48px;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    padding: 0px 150px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    img {
      height: 32px;
      margin-right: 10px;
      cursor: pointer;
    }
  }
}
</style>
